﻿<%@ Page Title="" Language="C#" MasterPageFile="~/masters/SecuredDashboard.Master" AutoEventWireup="true" CodeBehind="DashBoard.aspx.cs" Inherits="BancoIdeal.Secured.DashBoard" %>

<asp:Content ID="tituloPagina" ContentPlaceHolderID="TitlePageSecured" runat="server">
    Organizador de servicios
</asp:Content>
<asp:Content ID="AgregaraHeader" ContentPlaceHolderID="head" runat="server">
    <script src="../scripts/util.js" type="text/javascript"></script>
    <script type="text/javascript">
    	var dirProductos = "/WS/Productos.asmx";
    	var contador = 0;

    	$( document ).ready( function () {
    	    loadingModal();
    	    $( document ).ajaxComplete( function ( event, request, settings ) {
    	        if ( contador == 4 ) {
    	            $( '.cargandoModal' ).dialog( 'close' );
    	            $( document ).unbind( "ajaxComplete" );
    	        }
    	    });

    	    LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'GetProductosCaptacion', OnErrorCall, OnSuccessCallDatosCuentas );
    	    LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'GetGruposClienteFull', OnErrorCall, OnSuccessCallGruposCliente );
    	    LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'GetResumenPagosVencer', OnErrorCall, OnSuccessCallResumenPagosVencer );
    	    LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'getListaFacturasInscritas', OnErrorCall, OnSuccessCallGetListaFacturasInscritas );
    	} );

    	function OnErrorCall( response ) {
    	    alert( response.status + " " + response.statusText );
    	}

    	function OnSuccessCallGetListaFacturasInscritas( response ) {
    		response = eval( "( " + response.d + " )" );
    		var dash;
    		LlamadoAjaxSincrono( "{ idCliente: " + idCliente + ", tipoCuenta: 4}", dirProductos, 'GetDashboardClienteByTipoCuenta', OnErrorCall, function ( response2 ) {
    			dash = eval( "( " + response2.d + " )" );
    		} );

    		var bn;
    		var k;
    		for ( var i = 0; i < response.length; i++ ) {
    			bn = true;
    			k = 0;
    			for ( k = 0; k < dash.length; k++ ) {
    				if ( parseInt( dash[k].idProductoCliente ) == parseInt( response[i].idFacturaCliente ) ) {
    					bn = false;
    					break;
    				}
    			}

    			if ( !bn ) {
    				dondeAddResumen = "fila" + dash[k].CoordX + "-item" + dash[k].CoordY;
    				AgregarFacturasGrilla( response[i]);
    				continue;
    			}

    			$( "#opcionesCuentas" ).append( '<li> <a href="#" class="princMenuOption factura' + i + '" id="pagosBtn" title="' + response[i].NombreFactura + '"> <span class="fondoAdicional"> <span class="estiloTexto"> Pago de facturas </span> </span> </a><span class="nombreProducto">' + response[i].NombreFactura + '</span> </li>' );
    			$( '.factura' + i ).click( { response: response[i] }, clickAddFacturas );

    		}
    		contador++;
    	}

    	function clickAddFacturas( event ) {
    		loadingModal();
    		var datosPos = dondeAddResumen.split( "-" );
    		var xx = datosPos[0].substr( 4 );
    		var yy = datosPos[1].substr( 4 );
    		LlamadoAjaxSincrono( "{ idCliente: " + idCliente + ", coordX : '" + xx + "', coordY : '" + yy + "', idProductoCliente:" + event.data.response.idFacturaCliente + " , TipoCuenta: 4}", dirProductos, 'CrearDashboardCliente', OnErrorCall, function ( response ) { } );
    		AgregarFacturasGrilla( event.data.response );
    		$( this ).parent().css( 'display', 'none' );
    		$( '.cargandoModal' ).dialog( 'close' );
    	}

    	function AgregarFacturasGrilla( response ) {
    		$( 'div.' + dondeAddResumen ).html( "" );

    		$( 'div.' + dondeAddResumen ).append( "<div class='resumen' id='resumen" + dondeAddResumen + "'><div class='iconTipoResumen iconoResumenTipoPagos'></div><div class='resumenToolbox'><menu type='contextmenu'><ul><li><a class='editarTool' id='editarTool_" + dondeAddResumen + "'><span class='estiloTexto'>Configurar</span></a></li></ul></menu></div><h3 class='tituloDeResumen'><span class='fondoAdicional'><span class='estiloTexto'>" + response.NombreFactura + "</span></span></h3><ul class='facturaFeatures'><li class='blanco-" + GetStyleFacturasInscritas( response.idTipoFactura ) + "-30px'><a href='#' title='" + response.TipoFactura1 + "'><span class='fondoAdicional'><span class='estiloTexto'>" + response.TipoFactura1 + "</span></span></a></li></ul><div class='saldoGroup'><hgroup><h4 class='labelFecha'><span class='fondoAdicional'><span class='estiloTexto'>" + FormatoFecha( new Date() ) + "</span></span></h4><h4 class='labelSaldo'><span class='fondoAdicional'><span class='estiloTexto'>Pago por:</span></span></h4><h2 class='saldo' id='saldofila1-item2'>$" + response.ValorApagar + "</h2></hgroup></div></div>" );

    		$( "#editarTool_" + dondeAddResumen ).click( { Id: response.idFacturaCliente, Tipo: 4 }, ClickEliminar );

    		$( '#scrollTool a.' + dondeAddResumen ).html( "" );
    		$( '#scrollTool a.' + dondeAddResumen ).append( '<img src="../secured/images/scrolleritem.gif"/>' );

    		var anchoSaldo = $( "div." + dondeAddResumen + " #resumen" + dondeAddResumen + " .saldo" ).innerWidth();
    		var altoSaldo = $( "div." + dondeAddResumen + " #resumen" + dondeAddResumen + " .saldo" ).innerHeight();

    		if ( anchoSaldo > 235 ) {
    			$( "div." + dondeAddResumen + " #resumen" + dondeAddResumen ).animate( { "width": 485 }, 300 );
    		}

    		if ( altoSaldo > 235 ) {
    			$( "div." + dondeAddResumen + " #resumen" + dondeAddResumen ).animate( { "height": 485, "bottom": 5 }, 300 );
    		}

    		$( ".dialog" ).dialog( 'close' );    		
    	}


    	function OnSuccessCallResumenPagosVencer( response ) {
    		response = eval( "( " + response.d + " )" );
    		var dash;
    		LlamadoAjaxSincrono( "{ idCliente: " + idCliente + ", tipoCuenta: 3}", dirProductos, 'GetDashboardClienteByTipoCuenta', OnErrorCall, function ( response2 ) {
    			dash = eval( "( " + response2.d + " )" );
    		} );

    		if ( dash != null && dash.length != 0 ) {
    			dondeAddResumen = "fila" + dash[0].CoordX + "-item" + dash[0].CoordY;
    			AgregarResumePagosGrilla( response );
    		} else {
    			$( "#opcionesCuentas" ).append( '<li> <a href="#" class="princMenuOption resumePagos" id="pagosBtn" title="Pagos proximos"> <span class="fondoAdicional"> <span class="estiloTexto"> Inversiones </span> </span> </a> <span class="nombreProducto"> Pagos proximos </span> </li>' );
    			$( '.resumePagos' ).click( { response: response }, clickAddResumePagos );
    		}
    		contador++;
    	}

    	function clickAddResumePagos( event ) {
    		loadingModal();
    		var datosPos = dondeAddResumen.split( "-" );
    		var xx = datosPos[0].substr( 4 );
    		var yy = datosPos[1].substr( 4 );
    		LlamadoAjaxSincrono( "{ idCliente: " + idCliente + ", coordX : '" + xx + "', coordY : '" + yy + "', idProductoCliente: 1, TipoCuenta: 3}", dirProductos, 'CrearDashboardCliente', OnErrorCall, function ( response ) { } );
    		AgregarResumePagosGrilla( event.data.response);
    		$( this ).parent().css( 'display', 'none' );
    		$( '.cargandoModal' ).dialog( 'close' );
    	}

    	function GetStyleCreditos( idProducto ) {
    		switch ( parseInt( idProducto ) ) {
    			case 3:
    				return "creditolibre";
    			case 4:
    				return "creditovivienda";
    			case 5:
    				return "creditovehiculo";
    			case 9:
    				return "creditomaster";
    			case 10:
    				return "creditovisa";
    			case 11:
    				return "creditoAMEX";
    			case 12:
    				return "creditolibre";
    			case 13:
    				return "creditoestudio";
    			case 14:
    				return "creditoviajes";
    			case 15:
    				return "creditomicro";
    			default:
    				return "creditolibre";
    		}
    	}

    	function GetStyleFacturasInscritas( valor ) {
    		switch ( valor ) {
    			case 1:
    				return "agua";
    			case 2:
    				return "banco";
    			case 3:
    				return "edificio";
    			case 4:
    				return "estudios";
    			case 5:
    				return "gas";
    			case 6:
    				return "impuestocarro";
    			case 7:
    				return "celular";
    			case 8:
    				return "luz";
    			case 9:
    				return "salud";
    			case 10:
    				return "saludpension";
    			case 11:
    				return "telefono";
    			case 12:
    				return "tv";
    			case 13:
    				return "viajes";
    		}
    	}

    	function GetStylePagos( tipo, idProducto ) {
    		if ( parseInt( tipo ) == 1 ) {
    			return GetStyleFacturasInscritas( idProducto );
    		} else {
    			return GetStyleCreditos( idProducto );    			
    		}
    	}

    	function AgregarResumePagosGrilla( response ) {
    		$( 'div.' + dondeAddResumen ).html( "" );
    		var htm = "<div class='resumen' id='resumen" + dondeAddResumen + "'><div class='iconTipoResumen iconoResumenTipoPagos'></div><div class='resumenToolbox'><menu type='contextmenu'><ul><li><a class='editarTool' id='editarTool_" + dondeAddResumen + "'><span class='estiloTexto'>Eliminar</span></a></li></ul></menu></div><h3 class='tituloDeResumen'><span class='fondoAdicional'><span class='estiloTexto'>Pagos proximos</span></span></h3><div class='pagosGroup'>";
    		for ( var i = 0; i < response.length; i++ ) {
    			htm = htm + '<hgroup><div class="tipoPago blanco-' + GetStylePagos( response[i].Tipo, response[i].IdProducto ) + '-36px"><h3 class="labelNombrePago"><span class="fondoAdicional"><span class="estiloTexto">' + response[0].NombreProductoCliente + '</span></span></h3><h4 class="labelFecha"><span class="fondoAdicional"><span class="estiloTexto">' + FormatoFecha( new Date() ) + '</span></span></h4></div></hgroup>';
    		}

    		htm = htm + "</div></div>";
    		$( 'div.' + dondeAddResumen ).append( htm );

    		$( "#editarTool_" + dondeAddResumen ).click( { Id: 1, Tipo: 3 }, ClickEliminar );

    		$( '#scrollTool a.' + dondeAddResumen ).html( "" );
    		$( '#scrollTool a.' + dondeAddResumen ).append( '<img src="../secured/images/scrolleritem.gif"/>' );

    		var anchoSaldo = $( "div." + dondeAddResumen + " #resumen" + dondeAddResumen + " .saldo" ).innerWidth();
    		var altoSaldo = $( "div." + dondeAddResumen + " #resumen" + dondeAddResumen + " .saldo" ).innerHeight();

    		if ( anchoSaldo > 235 ) {
    			$( "div." + dondeAddResumen + " #resumen" + dondeAddResumen ).animate( { "width": 485 }, 300 );
    		}

    		if ( altoSaldo > 235 ) {
    			$( "div." + dondeAddResumen + " #resumen" + dondeAddResumen ).animate( { "height": 485, "bottom": 5 }, 300 );
    		}

    		$( ".dialog" ).dialog( 'close' );
    	}

    	function OnSuccessCallGruposCliente( response ) {
    	    response = eval( "( " + response.d + " )" );
    	    var dash;
    	    LlamadoAjaxSincrono( "{ idCliente: " + idCliente + ", tipoCuenta: 2}", dirProductos, 'GetDashboardClienteByTipoCuenta', OnErrorCall, function ( response2 ) {
    	        dash = eval( "( " + response2.d + " )" );
    	    } );
    	    var bn;
    	    var k;

    	    for ( var i = 0; i < response.length; i++ ) {
    	        if ( response[i].IdGrupoCliente != -1 && response[i].Produc.length > 0 && response[i].Produc[0].IdProducto == 6 ) {
    	            bn = true;
    	            k = 0;
    	            for ( k = 0; k < dash.length; k++ ) {
    	                if ( parseInt( dash[k].idProductoCliente ) == parseInt( response[i].IdGrupoCliente ) ) {
    	                    bn = false;
    	                    break;
    	                }
    	            }
    	            if ( !bn ) {
    	                dondeAddResumen = "fila" + dash[k].CoordX + "-item" + dash[k].CoordY;
    	                AgregarGrupoGrilla( response[i].Produc, response[i].NombreDelGrupo, response[i].IdGrupoCliente );
    	                continue;
    	            }
    	            $( "#opcionesCuentas" ).append( '<li> <a href="#" class="princMenuOption cdtGrupo' + i + '" id="inversionesBtn" title="' + response[i].NombreDelGrupo + '"> <span class="fondoAdicional"> <span class="estiloTexto"> Inversiones </span> </span> </a> <span class="nombreProducto"> Grupo CDT: ' + response[i].NombreDelGrupo + '</span> </li>' );
    	            $( '.cdtGrupo' + i ).click( { NombreDelGrupo: response[i].NombreDelGrupo, Descripcion: response[i].Descripcion, response: response[i].Produc, IdGrupoCliente: response[i].IdGrupoCliente }, clickAddCdtGrupos );
    	        }
    	    }
    	    contador++;
    	}

    	function AgregarGrupoGrilla( response, NombreDelGrupo, IdGrupoCliente ) {
    	    $( 'div.' + dondeAddResumen ).html( "" );
    	    var htm = "<div class='resumen' id='resumen" + dondeAddResumen + "'><div class='iconTipoResumen iconoResumenTipoInversiones'></div><div class='resumenToolbox'><menu type='contextmenu'><ul><li><a class='editarTool' id='editarTool_" + dondeAddResumen + "'><span class='estiloTexto'>Eliminar</span></a></li><li><a class='actualizarTool' id='actualizarTool" + dondeAddResumen + "'><span class='estiloTexto'>Actualizar</span></a></li></ul></menu></div><h3 class='tituloDeResumen'><span class='fondoAdicional'><span class='estiloTexto'>" + NombreDelGrupo + "</span></span></h3><div class='rendimientoGroup'>";
    	    for ( var i = 0; i < response.length; i++ ) {
    	        if ( parseFloat( response[i].TasaInteres ) >= 0 ) {
    	            htm = htm + "<hgroup><h3 class='tituloDeResumen'><span class='fondoAdicional'><span class='estiloTexto'>" + response[i].NombreProductoCliente + "</span></span></h3><h2 class='Rendimiento rendimientoSube'>+" + ( parseFloat( response[i].TasaInteres ) * 100 ).toFixed( 2 ) + "%</h2><h4 class='labelFecha'><span class='fondoAdicional'><span class='estiloTexto'>" + ( response[i].Periodos * 30 ) + " días - " + eval( response[i].FechaFin.replace( /\/Date\((\d+)\)\//gi, "new Date($1)" ) ).toLocaleDateString() + "</span></span></h4></hgroup>";
    	        } else {
    	            htm = htm + "<hgroup><h3 class='tituloDeResumen'><span class='fondoAdicional'><span class='estiloTexto'>" + response[i].NombreProductoCliente + "</span></span></h3><h2 class='Rendimiento rendimientoBaja'>" + ( parseFloat( response[i].TasaInteres ) * 100 ).toFixed( 2 ) + "%</h2><h4 class='labelFecha'><span class='fondoAdicional'><span class='estiloTexto'>" + ( response[i].Periodos * 30 ) + " días - " + eval( response[i].FechaFin.replace( /\/Date\((\d+)\)\//gi, "new Date($1)" ) ).toLocaleDateString() + "</span></span></h4></hgroup>";
    	        }
    	    }

    	    htm = htm + "</div></div>";
    	    $( 'div.' + dondeAddResumen ).append( htm );

    	    $( "#editarTool_" + dondeAddResumen ).click( { Id: IdGrupoCliente, Tipo: 2 }, ClickEliminar );			

    	    $( '#scrollTool a.' + dondeAddResumen ).html( "" );
    	    $( '#scrollTool a.' + dondeAddResumen ).append( '<img src="../secured/images/scrolleritem.gif"/>' );

    	    var anchoSaldo = $( "div." + dondeAddResumen + " #resumen" + dondeAddResumen + " .saldo" ).innerWidth();
    	    var altoSaldo = $( "div." + dondeAddResumen + " #resumen" + dondeAddResumen + " .saldo" ).innerHeight();

    	    if ( anchoSaldo > 235 ) {
    	        $( "div." + dondeAddResumen + " #resumen" + dondeAddResumen ).animate( { "width": 485 }, 300 );
    	    }

    	    //if ( altoSaldo > 235 ) {
    	    $( "div." + dondeAddResumen + " #resumen" + dondeAddResumen ).animate( { "height": 485, "bottom": 5 }, 300 );
    	    //}    	    

    	    $( ".dialog" ).dialog( 'close' );
    	}

    	function clickAddCdtGrupos( event ) {
    	    loadingModal();
    	    var datosPos = dondeAddResumen.split( "-" );
    	    var xx = datosPos[0].substr( 4 );
    	    var yy = datosPos[1].substr( 4 );
    	    LlamadoAjaxSincrono( "{ idCliente: " + idCliente + ", coordX : '" + xx + "', coordY : '" + yy + "', idProductoCliente: " + event.data.IdGrupoCliente + ", TipoCuenta: 2}", dirProductos, 'CrearDashboardCliente', OnErrorCall, function ( response ) { } );
    	    AgregarGrupoGrilla( event.data.response, event.data.NombreDelGrupo,event.data.IdGrupoCliente );
    	    $( this ).parent().css( 'display', 'none' );
    	    $( '.cargandoModal' ).dialog( 'close' );
    	}

    	function OnSuccessCallDatosCuentas( response ) {
    	    response = eval( "( " + response.d + " )" );
    	    var dash;
    	    LlamadoAjaxSincrono( "{ idCliente: " + idCliente + ", tipoCuenta: 1}", dirProductos, 'GetDashboardClienteByTipoCuenta', OnErrorCall, function ( response2 ) {
    	        dash = eval( "( " + response2.d + " )" );
    	    } );
    	    var bn;
    	    var k;
    	    for ( var i = 0; i < response.length; i++ ) {
    	        bn = true;
    	        k = 0;
    	        if ( response[i].IdProducto == 1 || response[i].IdProducto == 2 || response[i].IdProducto == 6 ) {
    	            for ( k = 0; k < dash.length; k++ ) {
    	                if ( parseInt( dash[k].idProductoCliente ) == parseInt( response[i].IdProductoCliente ) ) {
    	                    bn = false;
    	                    break;
    	                }
    	            }
    	        }

    	        if ( !bn ) {
    	            dondeAddResumen = "fila" + dash[k].CoordX + "-item" + dash[k].CoordY;
    	            AgregarCuentasGrilla( response[i].IdProducto, response[i].NombreProductoCliente, response[i].Saldo, response[i].TasaInteres, response[i].Periodos * 30, response[i].FechaFin, response[i].IdProductoCliente );
    	            continue;
    	        }

    	        if ( response[i].IdProducto == 1 || response[i].IdProducto == 2 ) {
    	            $( "#opcionesCuentas" ).append( '<li> <a href="#" class="princMenuOption cuenta' + i + '" id="cuentasBtn" title="' + response[i].Descripcion + '"> <span class="fondoAdicional"> <span class="estiloTexto"> Cuentas </span> </span> </a><span class="nombreProducto">' + response[i].NombreProductoCliente + '</span> </li>' );
    	            $( '.cuenta' + i ).click( { IdProducto: response[i].IdProducto, IdProductoCliente: response[i].IdProductoCliente, NombreProductoCliente: response[i].NombreProductoCliente, Saldo: response[i].Saldo, TasaInteres: response[i].TasaInteres, FechaFin: response[i].FechaFin, Periodos: response[i].Periodos * 30 }, clickAdd );
    	        } else {
    	            if ( response[i].IdProducto == 6 ) {
    	                $( "#opcionesCuentas" ).append( '<li> <a href="#" class="princMenuOption cdt' + i + '" id="inversionesBtn" title="' + response[i].Descripcion + '"> <span class="fondoAdicional"> <span class="estiloTexto"> Inversiones </span> </span> </a><span class="nombreProducto">' + response[i].NombreProductoCliente + '</span> </li>' );
    	                $( '.cdt' + i ).click( { IdProducto: response[i].IdProducto, IdProductoCliente: response[i].IdProductoCliente, NombreProductoCliente: response[i].NombreProductoCliente, Saldo: response[i].Saldo, TasaInteres: response[i].TasaInteres, FechaFin: response[i].FechaFin, Periodos: response[i].Periodos * 30 }, clickAdd );
    	            }
    	        }
    	    }
    	    contador++;
    	}

    	function ClickEliminar( event ) {
    		$( "#eliminarDash" ).dialog( {
    			resizable: false,
    			modal: true,
    			buttons: {
    				"Eliminar": function () {
    					loadingModal();
    					LlamadoAjax( "{ idProductoCliente: " + event.data.Id + ", tipoCuenta: '" + event.data.Tipo + "' }", dirProductos, 'DeleteDashboardCliente', OnErrorCall, function ( response ) {
    						response = eval( "( " + response.d + " )" );
    						$( '.cargandoModal' ).dialog( 'close' );
    						if ( response == "Success" ) {
    							$( "#eliminarDash" ).dialog( "close" );
    							alert( "Eliminado con exito" );
    							location.reload();
    						} else {
    							loadingMessage( "No se pudo eliminar" );
    						}
    					} );
    				},
    				"Cancelar": function () {
    					$( this ).dialog( "close" );
    				}
    			}
    		} );
    	}		

    	function AgregarCuentasGrilla( IdProducto, NombreProductoCliente, Saldo, TasaInteres, Periodos, FechaFin, IdProductoCliente ) {
    	    $( 'div.' + dondeAddResumen ).html( "" );
    	    if ( IdProducto == 1 ) {
    	        $( 'div.' + dondeAddResumen ).append( "<div class='resumen' id='resumen" + dondeAddResumen + "'><div class='iconTipoResumen iconoResumenTipoCuentas'></div><div class='resumenToolbox'><menu type='contextmenu'><ul><li><a class='editarTool' id='editarTool_" + dondeAddResumen + "'><span class='estiloTexto'>Configurar</span></a></li><li><a class='actualizarTool' id='actualizarTool" + dondeAddResumen + "' ><span class='estiloTexto'>Actualizar</span></a></li></ul></menu></div><h3 class='tituloDeResumen'><span class='fondoAdicional'><span class='estiloTexto'>" + NombreProductoCliente + "</span></span></h3><ul class='cuentaFeatures'><li class='featureCuentaAhorros'><a href='#'><span class='fondoAdicional'><span class='estiloTexto'>" + NombreProductoCliente + "</span></span></a></li><li class='featureMonedaPesos'><a href='#'><span class='fondoAdicional'><span class='estiloTexto'>CO Pesos</span></span></a></li></ul><div class='saldoGroup'><hgroup><h4 class='labelSaldo'><span class='fondoAdicional'><span class='estiloTexto'>Saldo disponible</span></span></h4><h2 class='saldo' id='saldo" + dondeAddResumen + "'>$" + Saldo + "</h2></hgroup></div></div>" );
    	    } else {
    	        if ( IdProducto == 2 ) {
    	            $( 'div.' + dondeAddResumen ).append( "<div class='resumen' id='resumen" + dondeAddResumen + "'><div class='iconTipoResumen iconoResumenTipoCuentas'></div><div class='resumenToolbox'><menu type='contextmenu'><ul><li><a class='editarTool' id='editarTool_" + dondeAddResumen + "'><span class='estiloTexto'>Configurar</span></a></li><li><a class='actualizarTool' id='actualizarTool" + dondeAddResumen + "'><span class='estiloTexto'>Actualizar</span></a></li></ul></menu></div><h3 class='tituloDeResumen'><span class='fondoAdicional'><span class='estiloTexto'>" + NombreProductoCliente + "</span></span></h3><ul class='cuentaFeatures'><li class='featureCuentaCorriente'><a href='#'><span class='fondoAdicional'><span class='estiloTexto'>" + NombreProductoCliente + "</span></span></a></li><li class='featureMonedaPesos'><a href='#'><span class='fondoAdicional'><span class='estiloTexto'>CO Pesos</span></span></a></li><li class='featureSobregiro'><a href='#'><span class='fondoAdicional'><span class='estiloTexto'>0</span></span></a></li></ul><div class='saldoGroup'><hgroup><h4 class='labelSaldo'><span class='fondoAdicional'><span class='estiloTexto'>Saldo disponible</span></span></h4><h2 class='saldo'  id='saldo" + dondeAddResumen + "'>$" + Saldo + "</h2></hgroup></div></div>" );
    	        } else {
    	            if ( IdProducto == 6 ) {
    	                if ( parseFloat( TasaInteres ) >= 0 ) {
    	                    $( 'div.' + dondeAddResumen ).append( "<div class='resumen' id='resumen" + dondeAddResumen + "'><div class='iconTipoResumen iconoResumenTipoInversiones'></div><div class='resumenToolbox'><menu type='contextmenu'><ul><li><a class='editarTool' id='editarTool_" + dondeAddResumen + "'><span class='estiloTexto'>Configurar</span></a></li><li><a class='actualizarTool' id='actualizarTool" + dondeAddResumen + "'><span class='estiloTexto'>Actualizar</span></a></li></ul></menu></div><h3 class='tituloDeResumen'><span class='fondoAdicional'><span class='estiloTexto'>" + NombreProductoCliente + "</span></span></h3><div class='rendimientoGroup'><hgroup><h2 class='Rendimiento rendimientoSube'>+" + ( parseFloat( TasaInteres ) * 100 ).toFixed( 2 ) + "%</h2><h4 class='labelFecha'><span class='fondoAdicional'><span class='estiloTexto'>" + Periodos + " días - " + eval( FechaFin.replace( /\/Date\((\d+)\)\//gi, "new Date($1)" ) ).toLocaleDateString() + "</span></span></h4></hgroup></div></div>" );
    	                } else {
    	                    $( 'div.' + dondeAddResumen ).append( "<div class='resumen' id='resumen" + dondeAddResumen + "'><div class='iconTipoResumen iconoResumenTipoInversiones'></div><div class='resumenToolbox'><menu type='contextmenu'><ul><li><a class='editarTool' id='editarTool_" + dondeAddResumen + "'><span class='estiloTexto'>Configurar</span></a></li><li><a class='actualizarTool' id='actualizarTool" + dondeAddResumen + "'><span class='estiloTexto'>Actualizar</span></a></li></ul></menu></div><h3 class='tituloDeResumen'><span class='fondoAdicional'><span class='estiloTexto'>" + NombreProductoCliente + "</span></span></h3><div class='rendimientoGroup'><hgroup><h2 class='Rendimiento rendimientoBaja'>" + ( parseFloat( TasaInteres ) * 100 ).toFixed( 2 ) + "%</h2><h4 class='labelFecha'><span class='fondoAdicional'><span class='estiloTexto'>" + Periodos + " días - " + eval( FechaFin.replace( /\/Date\((\d+)\)\//gi, "new Date($1)" ) ).toLocaleDateString() + "</span></span></h4></hgroup></div></div>" );
    	                }
    	            }
    	        }
    	    }

    	    $( "#editarTool_" + dondeAddResumen ).click( { Id: IdProductoCliente, Tipo: 1 }, ClickEliminar );			

    	    $( '#scrollTool a.' + dondeAddResumen ).html( "" );
    	    $( '#scrollTool a.' + dondeAddResumen ).append( '<img src="../secured/images/scrolleritem.gif"/>' );

    	    var anchoSaldo = $( "div." + dondeAddResumen + " #resumen" + dondeAddResumen + " .saldo" ).innerWidth();
    	    var altoSaldo = $( "div." + dondeAddResumen + " #resumen" + dondeAddResumen + " .saldo" ).innerHeight();

    	    if ( anchoSaldo > 235 ) {
    	        $( "div." + dondeAddResumen + " #resumen" + dondeAddResumen ).animate( { "width": 485 }, 300 );
    	    }

    	    if ( altoSaldo > 235 ) {
    	        $( "div." + dondeAddResumen + " #resumen" + dondeAddResumen ).animate( { "height": 485, "bottom": 5 }, 300 );
    	    }

    	    $( ".dialog" ).dialog( 'close' );
    	    $( '#actualizarTool' + dondeAddResumen ).click( { IdProductoCliente: IdProductoCliente, etiSaldo: '#saldo' + dondeAddResumen, IdProducto: IdProducto }, function ( event ) {
    	        if ( event.data.IdProducto != 6 ) {
    	            loadingModal();
    	            LlamadoAjaxSincrono( "{ idProductoCliente: " + event.data.IdProductoCliente + " }", dirProductos, 'SaldoCuenta', OnErrorCall, function ( response3 ) {
    	                $( event.data.etiSaldo ).html( "$" + eval( "( " + response3.d + " )" ) );
    	            } );
    	            $( '.cargandoModal' ).dialog( 'close' );
    	        }
    	    } );
    	    
    	}

    	function clickAdd( event ) {
    	    loadingModal();
    	    var datosPos = dondeAddResumen.split( "-" );
    	    var xx = datosPos[0].substr( 4 );
    	    var yy = datosPos[1].substr( 4 );    	    
    	    LlamadoAjaxSincrono( "{ idCliente: " + idCliente + ", coordX : '" + xx + "', coordY : '" + yy + "', idProductoCliente: " + event.data.IdProductoCliente + ", TipoCuenta: 1}", dirProductos, 'CrearDashboardCliente', OnErrorCall, function ( response ) { } );
    	    AgregarCuentasGrilla( event.data.IdProducto, event.data.NombreProductoCliente, event.data.Saldo, event.data.TasaInteres, event.data.Periodos, event.data.FechaFin, event.data.IdProductoCliente );
    	    $( this ).parent().css( 'display', 'none' );
    	    $( '.cargandoModal' ).dialog( 'close' );
    	}
    </script>
</asp:Content>
<asp:Content ID="tituloSeccion" ContentPlaceHolderID="SectionTitle" runat="server">
    Bienvenido
</asp:Content>
<asp:Content ID="InformacionPantalla" ContentPlaceHolderID="InfoScreen" runat="server">
    <p>En esta pantalla podrás personalizar el inicio de tu sucursal virtual.</p>
    <p>Puedes agregar resúmenes de tus productos y mantenerte al día con alertas de tus obligaciones. Así mismo, podrás ver las fechas de vencimiento de tus inversiones o fechas de pago de tus facturas registradas.</p>
</asp:Content>
<asp:Content ID="MasInfoPantalla" ContentPlaceHolderID="MoreInfoScreen" runat="server">
    <a href="#" class="verMasInfo"> <span class="fondoAdicional"> <span class="estiloTexto"> mas información </span> </span> </a>
</asp:Content>
<asp:Content ID="OpcionesSeccion" ContentPlaceHolderID="SectionOptions" runat="server">
    <ul>
        <li> <a href="#" class="opcionSeccion"> <span class="icono configurar"> &nbsp; </span> <span class="fondoAdicional"> <span class="estiloTexto"> Configurar mi portada </span> </span> </a> </li>
    </ul>
</asp:Content>
<asp:Content ID="ContenidoPrincipal" ContentPlaceHolderID="MainContent" runat="server">
   <div id="ContenedorTileHorizontal">
      <div class="filaHorizontal fila1">
         <div class="cuadroResumen fila1-item1"> <a href="#" class="addResumen" rel="fila1-item1"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen </span> </span> </a> </div>
         <div class="cuadroResumen fila1-item2"> <a href="#" class="addResumen" rel="fila1-item2"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen </span> </span> </a> </div>
         <div class="cuadroResumen fila1-item3"> <a href="#" class="addResumen" rel="fila1-item3"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen </span> </span> </a> </div>
         <div class="cuadroResumen fila1-item4"> <a href="#" class="addResumen" rel="fila1-item4"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen </span> </span> </a> </div>
         <div class="cuadroResumen fila1-item5"> <a href="#" class="addResumen" rel="fila1-item5"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen </span> </span> </a> </div>
         <div class="cuadroResumen fila1-item6"> <a href="#" class="addResumen" rel="fila1-item6"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen </span> </span> </a> </div>
         <div class="cuadroResumen fila1-item7"> <a href="#" class="addResumen" rel="fila1-item7"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen </span> </span> </a> </div>
         <div class="cuadroResumen fila1-item8"> <a href="#" class="addResumen" rel="fila1-item8"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen </span> </span> </a> </div>
         <br class="clear" />
      </div>
      <div class="filaHorizontal fila2">
         <div class="cuadroResumen fila2-item1"> <a href="#" class="addResumen" rel="fila2-item1"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen </span> </span> </a> </div>
         <div class="cuadroResumen fila2-item2"> <a href="#" class="addResumen" rel="fila2-item2"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen </span> </span> </a> </div>
         <div class="cuadroResumen fila2-item3"> <a href="#" class="addResumen" rel="fila2-item3"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen </span> </span> </a> </div>
         <div class="cuadroResumen fila2-item4"> <a href="#" class="addResumen" rel="fila2-item4"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen </span> </span> </a> </div>
         <div class="cuadroResumen fila2-item5"> <a href="#" class="addResumen" rel="fila2-item5"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen0</span></span></a> </div>
         <div class="cuadroResumen fila2-item6"> <a href="#" class="addResumen" rel="fila2-item6"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen0</span></span></a> </div>
         <div class="cuadroResumen fila2-item7"> <a href="#" class="addResumen" rel="fila2-item7"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen0</span></span></a> </div>
         <div class="cuadroResumen fila2-item8"> <a href="#" class="addResumen" rel="fila2-item8"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar un resumen0</span></span></a> </div>
         <br class="clear" />
      </div>
   </div>
</asp:Content>
<asp:Content ID="PieDePagina" ContentPlaceHolderID="FooterWebPage" runat="server">
</asp:Content>
<asp:Content ID="PopUpsEmergentes" ContentPlaceHolderID="VentanasEmergentes" runat="server">
    <div id="dialog" class="dialog" title="Seleccione el producto que desea resumir">
	    Seleccione el objeto que desea agregar a su pantalla de bienvenida.<br />
        <div class="productosHorizontal">
		    <menu type="toolbar">
              <ul id="opcionesCuentas">                
              </ul>
            </menu>
        </div>
    </div>  
	<div id="eliminarDash" class="eliminarDash" title="Confirmar">
	    Esta Seguro que desea eliminar el resumen del DashBoard        
    </div>  

</asp:Content>